<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>TODO supply a title</title>
        <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />
       <style>
	#draggable { width: 500px; height: 100%; padding: 0.5em;margin-top: -7%;margin-left: 20% ;
}
#cur{
    
    
    cursor: move;
}
	</style>
	<script>
	$(function() {
		$( "#draggable" ).draggable();
                
                
	});
	</script>
    </h:head>
    
    <h:body>
        <div id="draggable">
 <article class="module width_full">
     <header><h3 id="cur">Cumpleañeros del Dia</h3></header>
				<div class="module_content">
                                    
                                    <ui:repeat value="#{beancontroler_.cumple}" var="c">
                                        <span style="font-weight: bold">#{c.nombres}    #{c.fecha}</span><br/><br/>	
                                    </ui:repeat>
                                        
				</div>
		</article>
                </div>      
    </h:body>
</html>
